<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1,minimum-scale=1,user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/category-list.css">
    <title>Document</title>
</head>
<body>
    <header>
        <div class="header-top">
            <div class="logo"></div>
            <div class="uplode"></div>
        </div>
        <div class="header-bottom">
            <div class="header-bottom-left"><input type="text" placeholder="请输入你想比价的商品"></div>
            <a href="javascript:;" class="search">搜索</a>
        </div>
    </header>
    <div class="list-function">
        <div class="list-function-title">
            <p>
                <!-- getCategoryById占坑 -->
            </p>
            <span>筛选</span>
        </div>
        <div class="list-function-content">
                <!-- getProductList占坑 -->
            
        </div>
        <div class="paging">
            <span class="upPage">上一页</span>
            <select class="page" name="" id="">
                    <!-- pageOpt占坑 -->

            </select>
            <span class="downPage">下一页</span>
        </div>
    </div>
    <footer>
        <div class="direct">
            <a href="javascript:;" class="search">登录</a>
            <a href="javascript:;" class="search">注册</a>
            <a href="javascript:;" class="search">返回顶部</a>
        </div>
        <div class="copyright">
            <p><a href="javascript:;">手机APP下载</a> 慢慢买手机版 -- <span>掌上比价平台</span></p>
            <a href="javascript:;">m.manmanbuy.com</a>
        </div>
    </footer>
</body>
<script src="./js/src/zepto.js"></script>
<script src="./js/src/event.js"></script>
<script src="./js/src/touch.js"></script>
<script src="./js/src/fx.js"></script>
<script src="./js/src/fx_methods.js"></script>
<script src="./js/getcategorybyid.js"></script>
<script src="./js/src/ajax.js"></script>

<!-- 模板 -->
<script src="./assets/art-template/template-web.js"></script>
<script type="text/template"  id="getCategoryById">
    <a href="index.html">首页</a> &gt; 
    <a href="category.html">全部分类</a> &gt; 
    <a href="javascript:;">{{data[0].category}}</a>
</script>
<script type="text/template" id="pageOpt">
    <% for(var i = 0; i < pageNum; i++){ %>
        <option value="<%= i+1 %>"><%= i+1 %></option>
    <% } %>
</script>
<script type="text/template" id="getProductList">
    {{each arr val}}
    <a href="category-particular.html?productId={{val.productId}}">
        {{@ val.productImg}}
        <div class="introduce">
            <div class="tit">{{val.productName}}</div>
            <div class="money">{{val.productPrice}}</div>
            <span>{{val.productQuote}}</span><span>{{val.productCom}}</span>
        </div>
    </a>
    {{/each}}
</script>
</html>
